<script type="text/javascript">
 	var resourcesEdJs = null;
	$(document).ready(function() {
		resourcesEdJs = new resourcesEditJs($("#resourcesEditDiv"));
	}); 
</script>
<style>
	.hint-text  input, .hint-text textarea{
		width: 220px;
	}
</style>
<div id="resourcesEditDiv">
	<div class="hint-content" style="height:283px;">
	     <div class="one-case" style="width: 100%;">
	         <div class="info-case01" style="width: calc(100% - 200px);">
	           <div class="hint-text">
	              <label>资源名称：</label>
	              <input type="text" class="k-textbox"  data-bind="value:resourceName"
	              validationMessage="资源名称为必填且不能包含特殊字符"  required pattern="^[\u4e00-\u9fa5A-Za-z0-9-_]*$"/>
	            </div>
	            <div class="hint-text">
	              <label>资源路径：</label>
	              <input type="text" class="k-textbox"  data-bind="value:resourcePath"/>
	            </div>
	            <div class="hint-text">
	              <label>资源类型：</label>
	              <input type="text"  style="width: 220px;" data-bind="value:resourceType" />
	            </div>
	            <div class="hint-text" style="display: none;">
	              <label>功能按钮类型：</label>
	              <input type="text"   style="width: 220px;" id="btnType" data-bind="value:btnType"/>
	            </div>
	            <div class="hint-text">
	              <label>状态：</label>
	              <input type="text"  style="width: 220px;" data-bind="value:status"/>
	            </div>
	            <div class="hint-text">
                 <label>备注：</label> 
                 <textarea class="k-textbox" style="resize: none;" rows="3" cols="50" data-bind="value:remark" maxlength="100"></textarea>
               </div>
	         </div>
	          <div class="upload-case">
	          	<div style="width: 115px;height: 115px;text-align: center;margin-top: 42px;">
	           	 	<img  id="resourceImg" src="images/icon-default.png" />
	            </div>
	            <a class="choose">选择头像</a>
	            <a class="upload">上传头像</a>
	         </div>
	     </div> 
	 </div>
	 <!--确定、取消btn-->
	 <div class="basicInfo-btn">
       <button class="save" data-bind="click:saveInfo">确定</button>
       <button class="cancel" data-bind="click:cancelSave">取消</button>
	 </div>
</div>